<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>还款计划</title>
	<link rel="stylesheet" href="css/amazeui.min.css" />
	<link rel="stylesheet" href="css/app.css" />
	<link rel="stylesheet" href="css/swiper-3.3.1.min.css" />
	<script src="assets/js/jquery.min.js" type="text/javascript"></script>
	<script src="js/amazeui.min.js" type="text/javascript"></script>

	<style>
		body {
			max-width: 640px;
			margin: 0 auto;
			font-size: 10px;
			background: #F2F3F8;
		}

		* {
			box-sizing: border-box;
		}

		[class*=am-u-] {
			padding: 0;
		}

		.plan_btn {
			text-align: right;
			width: 60px;
		}

		.plan_btn button {
			height: 20px;
			line-height: 12px;
			margin: 0;
			padding: 5px;
			border: 0;
			color: white;
			display: none;
		}

		.plan_btn button:first-child {
			margin-bottom: 5px;
		}
	</style>
</head>

<body>
	<!--头部-->
	<header class="am-u">
		<div class="am-u-sm-12 head_nav" style="margin:0;">
			<div class="am-u-sm-2 am-vertical-align" style="text-align: center;">
				<a href="Repayment.html">
					<img src="img/return@2x.png" class="am-vertical-align-middle" alt="" />
				</a>
			</div>
			<div class="am-u-sm-8 head_text">
				还款计划
			</div>
			<div class="am-u-sm-2" style="color: #fff;font-size: 13px;text-align: center;">

			</div>
		</div>
	</header>
	<div style="clear: both;"></div>

	<div style="padding: 5px 10px 5px 10px;">
		<div style="background: #fff;padding: 5px 10px 5px 10px;border-top-left-radius: 5px ;border-top-right-radius: 5px;display:flex;justify-content: space-between;">
			<div>
				<div style="font-size:15px;">计划单号：
					<sapn class="order-no">1</sapn>
				</div>
				<div style="font-size:13px;">还款周期：
					<span class="section">1970-01-01~1971-01-01</span>
				</div>
			</div>
			<div class="plan_btn">
				<button class="delPlan_btn gradien-bg-x">删除计划</button>
				<button class="termzzPlan_btn gradien-bg-180">终止计划</button>
			</div>
		</div>
		<div class="am-u">
			<div class="am-u-sm-12" style="padding: 0px 10px 5px 10px;background: #fff;border-bottom-left-radius: 5px ;border-bottom-right-radius: 5px">
				<div class="am-u-sm-4" style="text-align: center;border-right: 1px solid #B4B4B4;">
					<span style="font-size:13px;">预定还款额</span>
					<span style="font-size:13px;display: block;">
						<span class="money">0.000</span>
					</span>
				</div>
				<div class="am-u-sm-4" style="text-align: center;border-right: 1px solid #B4B4B4;">
					<span style="font-size:13px;">保证金</span>
					<span style="font-size:13px;display: block;">
						<span class="need_money">0.000</span>
					</span>
				</div>
				<div class="am-u-sm-4" style="text-align: center;">
					<span style="font-size:13px;">预交手续费</span>
					<span style="font-size:13px;display: block;">
						<span class="fee">0.000</span>
					</span>
				</div>
			</div>
		</div>
	</div>
	<div style="clear: both;"></div>
	<div style="padding: 5px 10px 5px 10px;font-size: 12px;">温馨提示：在您确定计划提交后，系统即帮您执行本计划第一笔还款。</div>
	<div style="padding: 5px 10px 5px 10px;">
		<div class="am-u">
			<div class="am-u-sm-12" style="padding: 8px 10px 8px 10px;background: #fff;border-radius: 5px;">
				<div class="am-u-sm-6" style="text-align: center;border-right: 1px solid #B4B4B4;">
					<span style="font-size:13px;">已还款</span>
					<span style="font-size:13px;display: block;">
						<span class="money_pay">0.000</span>
					</span>
				</div>
				<div class="am-u-sm-6" style="text-align: center;">
					<span style="font-size:13px;">已消费</span>
					<span style="font-size:13px;display: block;">
						<span class="money-cost">0.000</span>
					</span>
				</div>
			</div>
		</div>
	</div>
	<div style="clear: both;"></div>
	<div style="padding: 5px 10px 5px 10px;">
		<div class="am-u">
			<div class="am-u-sm-12 xq">
				<!--                                <div class="am-u-sm-12" style="background: #fff;padding: 5px 25px 5px 10px;border-bottom: 1px solid #B4B4B4;">
					
					<div class="am-u-sm-6" style="font-size: 13px;">
						2018/01/09 17:53
					</div>
					<div class="am-u-sm-6" style="font-size: 17px;text-align: right;">
						0.000
					</div>
					<div style="font-size: 13px;">还款：<span style="color: red;">未处理</span></div>
				</div>
                                <div>
                                <div class="am-u-sm-12" style="background:#F2F3F8;padding:0 15px;line-height:25px;font-size:12px;color:#333;">
                                                <div class="am-u-sm-6">
                                                        <span>17:59</span>
                                                        <p style="margin: 0;">消费：<span style="color: red;">未处理</span></p>
                                                </div>
                                                <div class="am-u-sm-6" style="text-align: right;padding-top: 10px;font-size: 15px;">
                                                        977.000
                                                </div>
                                        </div>
                                <div class="am-u-sm-12" style="background:#F2F3F8;padding:0 15px;line-height:25px;font-size:12px;color:#333;">
                                                <div class="am-u-sm-6">
                                                        <span>17:59</span>
                                                        <p style="margin: 0;">消费：<span style="color: red;">未处理</span></p>
                                                </div>
                                                <div class="am-u-sm-6" style="text-align: right;padding-top: 10px;font-size: 15px;">
                                                        977.000
                                                </div>
                                   </div>
</div>
				
-->

			</div>


		</div>
	</div>
</body>
<script src="js/loading.js"></script>
<script src="js/repay-xq.js"></script>

</html>